<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>综合搜索</title>
    <style>
        .dropdown-menu {
            min-width: 0;
        }

        .s-line {
            width: auto;
            height: auto;
        }

        .sl-wrap {
            position: relative;
            _zoom: 1;
            line-height: 34px;
            border-bottom: 1px solid #DDD;
            background: #f3f3f3;
        }

        .sl-key {
            float: left;
            width: 100px;
            padding-left: 10px;
            white-space: nowrap;
            overflow: hidden;
        }

        .sl-value {
            margin-left: 110px;
            padding-right: 130px;
            padding-left: 10px;
            overflow: hidden;
            zoom: 1;
            background: #fff;
        }

        .sl-v-list {
            overflow: hidden;
            zoom: 1;
            padding: 4px;
        }

        .J_valueList {

            float: left;
            overflow: hidden;
            zoom: 1;
            position: relative;
            height: 30px;
        }

        .sl-v-list label {
            width: 10%;
        }

        #SolarEnergyType .sl-v-list label {
            width: 13%;
        }

        #GuardrailType .sl-v-list label {
            width: 17%;
        }

        .input-group {
            display: inline-table;
            vertical-align: middle;
        }

        .select2 {
            width: 110px !important;
        }

        .other input {
            width: 145px;
            height: 26px;
            display: inline-block;
        }

        .other button {
            margin-left: 10px;
            margin-bottom: 4px;
            padding: 2px 17px;
        }
    </style>
</head>
<body>
<div id="searchRoom">
    <div class="J_selectorLine s-line">
        <div class="sl-wrap">
            <div class="sl-key"><span>类型：</span></div>
            <div class="sl-value">
                <div id="typeSelect" class="sl-v-list">
                    <label><input type="radio" value="0" name="type">标杆</label>
                    <label><input type="radio" value="1" name="type">标牌</label>
                    <label><input type="radio" value="2" name="type">信号灯</label>
                    <label><input type="radio" value="3" name="type">信号机</label>
                    <label><input type="radio" value="4" name="type">太阳能</label>
                    <label><input type="radio" value="6" name="type">标线</label>
                    <label><input type="radio" value="7" name="type">护栏</label>
                    <label><input type="radio" value="8" name="type">监控箱</label>
                    <label><input type="radio" value="9" name="type">窨井</label>
                </div>
            </div>
        </div>
    </div>
    <div id="secondSelect">
        <div id="roadPoleShape" style="display: none" class="J_selectorLine s-line">
            <div class="sl-wrap">
                <div class="sl-key"><span>标杆分类：</span></div>
                <div class="sl-value">
                    <div class="sl-v-list">
                        <label><input type="checkbox" value="0" name="secondType">单直杆</label>
                        <label><input type="checkbox" value="1" name="secondType">双直杆</label>
                        <label><input type="checkbox" value="2" name="secondType">单挑杆</label>
                        <label><input type="checkbox" value="3" name="secondType">双挑杆</label>
                        <label><input type="checkbox" value="4" name="secondType">二F杆</label>
                        <label><input type="checkbox" value="5" name="secondType">三F杆</label>
                        <label><input type="checkbox" value="6" name="secondType">门架</label>
                    </div>
                </div>
            </div>
        </div>
        <div id="roadSignType" style="display: none" class="J_selectorLine s-line">
            <div class="sl-wrap">
                <div class="sl-key"><span>标牌分类：</span></div>
                <div class="sl-value">
                    <div class="sl-v-list">
                        <label><input type="checkbox" value="0" name="secondType">警告</label>
                        <label><input type="checkbox" value="1" name="secondType">禁令</label>
                        <label><input type="checkbox" value="2" name="secondType">指示</label>
                        <label><input type="checkbox" value="3" name="secondType">指路</label>
                        <label><input type="checkbox" value="4" name="secondType">旅游</label>
                        <label><input type="checkbox" value="5" name="secondType">辅助</label>
                        <label><input type="checkbox" value="6" name="secondType">作业</label>
                        <label><input type="checkbox" value="7" name="secondType">告示</label>
                    </div>
                </div>
            </div>
        </div>
        <div id="signalLampType" style="display: none" class="J_selectorLine s-line">
            <div class="sl-wrap">
                <div class="sl-key"><span>信号灯分类：</span></div>
                <div class="sl-value">
                    <div class="sl-v-list">
                        <label><input type="checkbox" value="0" name="secondType">机动车</label>
                        <label><input type="checkbox" value="1" name="secondType">方向</label>
                        <label><input type="checkbox" value="2" name="secondType">调头</label>
                        <label><input type="checkbox" value="3" name="secondType">非机动车</label>
                        <label><input type="checkbox" value="4" name="secondType">人行横道</label>
                        <label><input type="checkbox" value="5" name="secondType">车道</label>
                        <label><input type="checkbox" value="6" name="secondType">道口</label>
                        <label><input type="checkbox" value="7" name="secondType">倒计时器</label>
                        <label><input type="checkbox" value="8" name="secondType">闪光警告</label>
                    </div>
                </div>
            </div>
        </div>
        <div id="signalMachineType" style="display: none" class="J_selectorLine s-line">
            <div class="sl-wrap">
                <div class="sl-key"><span>信号机分类：</span></div>
                <div class="sl-value">
                    <div class="sl-v-list">
                        <label><input type="checkbox" value="0" name="secondType">A类</label>
                        <label><input type="checkbox" value="1" name="secondType">B类</label>
                        <label><input type="checkbox" value="2" name="secondType">C类</label>
                    </div>
                </div>
            </div>
        </div>

        <div id="SolarEnergyType" style="display: none" class="J_selectorLine s-line">
            <div class="sl-wrap">
                <div class="sl-key"><span>信号灯分类：</span></div>
                <div class="sl-value">
                    <div class="sl-v-list">
                        <label><input type="checkbox" value="0" name="secondType">爆闪灯单面</label>
                        <label><input type="checkbox" value="1" name="secondType">爆闪灯双面</label>
                        <label><input type="checkbox" value="2" name="secondType">移动灯两相位</label>
                        <label><input type="checkbox" value="3" name="secondType">移动灯多相位</label>
                        <label><input type="checkbox" value="4" name="secondType">标牌</label>
                    </div>
                </div>
            </div>
        </div>
        <div style="display: none"></div>
        <div id="roadLineType" style="display: none" class="J_selectorLine s-line">
            <div class="sl-wrap">
                <div class="sl-key"><span>标线分类：</span></div>
                <div class="sl-value">
                    <div class="sl-v-list">
                        <label><input type="checkbox" value="0" name="secondType">指示标线</label>
                        <label><input type="checkbox" value="1" name="secondType">禁止标线</label>
                        <label><input type="checkbox" value="2" name="secondType">警告标线</label>
                        <label><input type="checkbox" value="3" name="secondType">其他标线</label>
                        <label><input type="checkbox" value="4" name="secondType">警示柱</label>
                    </div>
                </div>
            </div>
        </div>
        <div id="GuardrailType" style="display: none" class="J_selectorLine s-line">
            <div class="sl-wrap">
                <div class="sl-key"><span>护栏分类：</span></div>
                <div class="sl-value">
                    <div class="sl-v-list">
                        <label><input type="checkbox" value="0" name="secondType">中央分隔带护栏</label>
                        <label><input type="checkbox" value="1" name="secondType">机非分隔带护栏</label>
                        <label><input type="checkbox" value="2" name="secondType">人行道隔离护栏</label>
                        <label><input type="checkbox" value="3" name="secondType">公共汽车专用道护栏</label>
                        <label><input type="checkbox" value="4" name="secondType">普通隔离护栏</label>
                    </div>
                </div>
            </div>
        </div>
        <div id="MonitorPoleShape" style="display: none" class="J_selectorLine s-line">
            <div class="sl-wrap">
                <div class="sl-key"><span>监控杆形状：</span></div>
                <div class="sl-value">
                    <div class="sl-v-list">
                        <label><input type="checkbox" value="0" name="secondType">八角</label>
                        <label><input type="checkbox" value="1" name="secondType">圆管</label>
                        <label><input type="checkbox" value="2" name="secondType">等径</label>
                        <label><input type="checkbox" value="3" name="secondType">变径</label>
                        <label><input type="checkbox" value="4" name="secondType">锥形</label>
                    </div>
                </div>
            </div>
        </div>
        <div id="CoverShape" style="display: none" class="J_selectorLine s-line">
            <div class="sl-wrap">
                <div class="sl-key"><span>监控杆形状：</span></div>
                <div class="sl-value">
                    <div class="sl-v-list">
                        <label><input type="checkbox" value="0" name="secondType">长方形</label>
                        <label><input type="checkbox" value="1" name="secondType">圆形</label>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div id="positionSelect" style="display: none">
        <div class="J_selectorLine s-line">
            <div class="sl-wrap">
                <div class="sl-key"><span>位置选择：</span></div>
                <div class="sl-value">
                    <div id="position" class="sl-v-list">
                        <div class="input-group input-group-sm"><select class="form-control" id="provinceChoose"
                                                                        name="province">
                            <option value="-1">省份</option>
                            <option value="浙江省">浙江省</option>
                        </select></div>
                        <div class="input-group input-group-sm"><select class="form-control" name="city"
                                                                        id="cityChoose">
                            <option value="-1">市</option>
                            <option value="宁波市">宁波市</option>
                        </select></div>
                        <div class="input-group input-group-sm"><select class="form-control" name="area"
                                                                        id="areaChoose">
                            <option value="-1">区域</option>
                            <option value="鄞州区">鄞州区</option>
                            <option value="镇海区">镇海区</option>
                        </select></div>
                        <div class="input-group input-group-sm"><select class="form-control" name="roadName"
                                                                        id="roadNameChoose">
                            <option value="-1">道路</option>
                            <option value="qwe">qwe</option>
                            <option value="华家池路">华家池路</option>
                            <option value="学府路">学府路</option>
                            <option value="鄞县大道">鄞县大道</option>
                            <option value="之江路">之江路</option>
                        </select></div>
                        <div class="input-group input-group-sm"><select class="form-control" name="startRoad"
                                                                        id="startRoadChoose">
                            <option value="-1">始</option>
                            <option value="宁波市">宁波市</option>
                        </select></div>
                        <div class="input-group input-group-sm"><select class="form-control" name="endRoad"
                                                                        id="endRoadChoose">
                            <option value="-1">止</option>
                            <option value="宁波市">宁波市</option>
                        </select></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="otherInput" style="display: none">
        <div class="J_selectorLine s-line">
            <div class="sl-wrap">
                <div class="sl-key"><span>类型：</span></div>
                <div class="sl-value">
                    <div class="sl-v-list other">
                        <div class="input-group input-group-sm"><select class="form-control" name="orgName"
                                                                        id="orgNameChoose">
                            <option value="-1">生产单位</option>
                        </select></div>
                        <div class="input-group input-group-sm"><select class="form-control" name="mainOrgName"
                                                                        id="mainOrgNameChoose">
                            <option value="-1">监管单位</option>
                        </select></div>
                        <span>项目编号: </span><input id="projectNumber" class="form-control" placeholder="项目编号">
                        <span>时间范围: </span><input id="timeLimit" name="timeLimit" class="form-control"
                                                  placeholder="时间范围">
                        <button type="button" id="searchBtn" class="from-control btn btn-primary btn-flat">搜索</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="box">
    <div class="box-body">
        <table id="mainDataTable" class="table table-bordered table-striped" cellspacing="0" width="100%">
            <thead>
            <tr>
                <th>序号</th>
                <th>省</th>
                <th>市</th>
                <th>区</th>
                <th>路</th>
                <th>起</th>
                <th>止</th>
                <th>数量</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
</body>
<script src="count/colligateSearch.js"></script>
</html>